import './index.scss'
import { Popup,Input } from '@nutui/nutui-react'
const popupPay = ({showIcon, closePopupChange}) => {
  return (
    <>
      <Popup
        className="custom-popup"
        closeable
        visible={showIcon}
        title="参与质押"
        position="bottom"
        onClose={() => {
          closePopupChange(false)
        }}
      >
        <div className="pay-popup">
          <div className="pay-popup-input-box">
              <div className="header-top-txt">
                <div className="txt-option">COIN数量</div>
                <div className="txt-option">余额：20800.32 COIN</div>
              </div>
              <div className="input-box">
                <Input type="number" className="input-option" placeholder="输入COIN参与数量" />
                <div className="right-label">Max</div>
              </div>
          </div>

           <div className="pay-popup-input-box">
              <div className="header-top-txt">
                <div className="txt-option">所需USDT数量</div>
                <div className="txt-option">余额：1860.53 USDT</div>
              </div>
              <div className="input-box">
                <Input type="number" className="input-option" placeholder="输入COIN参与数量" />
                <div className="right-label">Max</div>
              </div>
          </div>


           <div className="pay-popup-input-box">
              <div className="header-top-txt">
                <div className="txt-option">可获得VAULT</div>
                <div className="txt-option">余额：20800.32 COIN</div>
              </div>
              <div className="input-box">
                <Input type="number" className="input-option" placeholder="输入COIN参与数量" />
                <div className="right-label right-label-two">VAULT</div>
              </div>
          </div>

          <div className="pay-hint-txt-box">
            需支付：0.00 COIN + 0.00
          </div>

          <div className="pay-btn-box">
            去支付
          </div>
        </div>
      </Popup>
    </>
  )
}
export default popupPay